$(function(){
    //需求1:点击a链接,切换显示效果
    $('#login-box a').click(function(){
        $('#login-box').hide().siblings().show()
    })
    $('#reg-box a').click(function(){
        $('#reg-box').hide().siblings().show()
    })

    //需求2:自定义校验规则
    let form = layui.form
    // form.verify()可自定义校验规则
    // 规则的参数对象,里面的属性做规则名,值是具体规则
    form.verify({
        username: [
            /^\w{1,10}$/,
            '用户名必须是1-10位字母和数字或下划线'
        ],
        pwd:[
            /^\S{6,12}$/,
            '密码必须是6到12,且不能有空格'
        ],
        repwd: function(value){
        if(value!=$('#reg-box [name=password]').val()){return '密码不一致'}
        }
    })

    //需求3:注册 ajax
    $('#formReg').on('submit',function(e){
        //阻止表单默认事件
        e.preventDefault()
        //发送axios 请求
        axios({
            url:'/api/reguser',
            method:'post',
            data:  $(this).serialize()
        }).then(res=>{
            //成功回调
            if(res.data.status != 0){
                return layui.layer.msg(res.data.message)
            }
            // 成功提示
            layui.layer.msg('恭喜您,注册成功!')
            // 清空表单 
            $('#formReg')[0].reset()
            // 切换登录区域
            $('#reg-box a').click()
        })
    })

    //需求4:登录 ajax
    $('#formLogin').on('submit',function(e){
        e.preventDefault()
        axios({
            url:'/api/login',
            method:'post',
            data:  $(this).serialize()
        }).then(({data:res})=>{
           //成功回调
           if(res.status != 0){
            return layui.layer.msg(res.message)
           }
           // 成功提示
           layui.layer.msg('恭喜您,登录成功!')
           // 本地保存
           localStorage.setItem('token',res.token)
           // 清空表单 
           $('#formLogin')[0].reset()
           // 转跳主页
           location.href = '/index.html'
        })
    })

})